<template>
  <div class="benkeyi">
    <LoadingComponent v-slot="{ loadingFlag }" class="benkeyi_banner">
      <img
        :src="'http://www.shxw114.com:9527/' + it.stu_nav"
        v-for="it in bannerDate"
        :key="it.stu_id"
        v-if="loadingFlag"
      />
    </LoadingComponent>
    <div class="to_">
      <div class="jies_tu">
        <LoadingComponent
          v-slot="{ loadingFlag }"
          v-for="it in bannerDate_aso"
          :key="it.id"
        >
          <img
            :src="'http://www.shxw114.com:9527/' + it.img"
            v-if="loadingFlag"
          />
        </LoadingComponent>
      </div>
      <div class="xiangmu_ri" v-html="bannerDate[0]?.stu_conter"></div>
      <div class="title_13">
        <h3>申请条件</h3>
      </div>
      <div class="inner_13_list">
        <LoadingComponent
          v-slot="{ loadingFlag }"
          class="inner_13_list_1"
          v-for="it in 6"
          :key="it"
        >
          <img
            src="http://www.guojiyuke.net/img/8940/tiaojian_pics_03.jpg"
            v-if="loadingFlag"
          />
          <p>
            应往届高中毕业生、同等学历及以上学生；留学时必须能提供高中毕业证
          </p>
          <a href="">详情咨询</a>
        </LoadingComponent>
      </div>
      <div class="title_13">
        <h3>3+1项目优势</h3>
      </div>
      <div class="youshi_left">
        <div class="youshi_left1" v-for="it in fontTDate" :key="it.id">
          <h2>{{ it.title_13 }}</h2>
          <p>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            {{ it.context }}
          </p>
        </div>
      </div>
      <div class="title_13">
        <h3>3+1院校推荐</h3>
      </div>
    </div>
    <div class="to">
      <div class="lxyk_cont">
        <LoadingComponent
          v-slot="{ loadingFlag }"
          class="lxyk_cont1"
          v-for="it in ModJypcgoSidDates"
          :key="it.jypc_id"
        >
          <img
            :src="'http://www.shxw114.com:9527/' + it.jypc_logo"
            v-if="loadingFlag"
          />
        </LoadingComponent>
      </div>
    </div>

    <div class="title_13">
      <h3>留学模式推荐</h3>
    </div>
    <div class="moshi_sel">
        <LoadingComponent
          v-slot="{ loadingFlag }"
          v-for="it in moshi_selDates"
          :key="it.id"
        >
          <a href="https://p.qiao.baidu.com/cps/chat?siteId=17865090&userId=39789408&siteToken=1592882751da134d1450a7e08b16ffcb">
            <img
              :src="it.img"
              v-if="loadingFlag"
            />
          </a>
        </LoadingComponent>
      </div>
    <FooterTwo />
    <InquiryHk />
  </div>
</template>
<script setup>
import { ref } from "@vue/reactivity";
import FooterTwo from "../../components/FooterTwo/index.vue";
import { axiosFun } from "../../axios/index.js";
import InquiryHk from "../inquiryHk/index.vue";
import { ModGostudySid1Get, ModJypcgoSidGet2 } from "../../server/index.js";
const axios_ = async (v) => {
  const { data } = await v();
  return data;
};
const bannerDate = ref({});
const bannerDate_aso = ref([]);
const fontTDate = ref([]);
const ModJypcgoSidDates = ref({});
const moshi_selDates = ref({});
(async (v) => {
  bannerDate.value = await axios_(ModGostudySid1Get);
  const aos = bannerDate.value[0].stu_show.split(",");
  for (let i in aos) {
    const obj = {
      id: i,
      img: aos[i],
    };
    bannerDate_aso.value.push(obj);
  }
  {
    const { data } = await axiosFun().post("/JSON/fontT.json");
    fontTDate.value = data;
  }
  ModJypcgoSidDates.value = await axios_(ModJypcgoSidGet2);
  {
    const { data } = await axiosFun().post(
      "/JSON/liuxuemoshituijian/index.json"
    );
    moshi_selDates.value = data;
  }
})();
</script>
<style scoped>
.benkeyi {
  width: 100%;
  height: auto;
  margin-bottom: 3rem;
}
.benkeyi_banner {
  width: 100%;
  height: 8rem;
}
.benkeyi_banner img {
  width: 100%;
  height: 100%;
}
.to_ {
  width: 12rem;
  height: auto;
  margin: 0 auto;
}
.jies_tu {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-top: 0.8rem;
}
.jies_tu img {
  width: 5.5rem;
  height: 4rem;
}
.xiangmu_ri {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.youshi_left {
  width: 100%;
  height: auto;
}
.youshi_left1 {
  width: 100%;
  height: auto;
  margin: 0.4rem 0;
}
.youshi_left h2 {
  font-size: 0.7rem;
  color: #000;
  margin-bottom: 0.6rem;
}
.youshi_left p {
  font-size: 0.6rem;
  line-height: 1rem;
}
</style>